.container{
    margin-top:3rem;
}
.music-play{
    text-align: center;
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	align-items:center;
    flex-direction: column;
    margin:0;
    margin-bottom: .8rem;
}
.video{
    height:400px;
    width:600px;
}
.bar-wrapper {
    height: 300px;
    position: relative;
}
.bar {
    position: relative;
    bottom: 0;
    width: 5px;
    display: inline-block;
    border: 1px solid red;
    height: 5px;
    border-bottom: 3px solid #fff;
}
.col-md-12 h3{    text-align: center;}
.col-md-12 p{    text-align: center;font-size: .8rem;}
.col-md-4{
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    align-items:center;
}
.col-md-4 div:first-child{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
}
.col-md-4 div:last-child{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: .8rem;
    font-weight: normal;
}
.video_list{
    display:flex;
    flex-direction: column;
    justify-content:flex-start;
    align-items:center;
    height: 30vh;
    overflow-y: scroll;
}
.col-md-6{
    display:flex;
    flex-direction: row;
    justify-content:space-around;
    align-items:center;
    height: 2rem;
}
.col-md-6 p{
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    font-size: .8rem;
}